<template>
  <div class="serve">
    <!-- 头部 -->
    <InsideHeader :bannerType="bannerType"></InsideHeader>

    <!-- 面包屑 -->
    <!-- <crumb></crumb> -->
    <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                   <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                     <em>></em>
                    <nuxt-link :to="{name: 'serve-serveList'}" class="on">服务支持</nuxt-link>
                     <em>></em>
                    <nuxt-link :to="{name: 'serve-serveWarrantW'}" class="on">授权证书真伪查询</nuxt-link>
                </div>
                <div class="clear"></div>
            </div>
        </div>

    <!-- serveIntelligence -->
    <div class="block">
        <div class="serveIntelligence">
            <!-- Ctit -->
            <div class="Ctit">
                <p>授权证书真伪查询</p>
            </div> 
            <div class="serveIntelligenceF">
                <div class="serveIntelligenceFS">
                    <div class="serveIntelligenceFSI">
                        <p>公司名称：</p>
                        <select></select>
                        <div class="clear"></div>
                    </div>
                    <div class="serveIntelligenceFSI">
                        <p>代理证书编码：</p>
                        <input type="text"/>
                        <div class="clear"></div>
                    </div>
                    <div class="serveIntelligenceFSI">
                        <p>验证码：</p>
                        <div class="serveIntelligenceFSIyzm">
                            <slide-verify :l="42"
                                        :r="10"
                                        :w="310"
                                        :h="155"
                                        @success="onSuccess"
                                        @fail="onFail"
                                        @refresh="onRefresh"
                                        :slider-text="text"
                                        ></slide-verify>
                        </div>
                        <!-- <input type="text"/> -->
                        <div class="clear"></div>
                    </div>
                    <div class="serveIntelligenceFSI">
                    </div>
                    <div class="clear"></div>
                </div>
                <input type="submit" value="确认提交" class="serveIntelligenceFbtn"/>
            </div>
        </div>
    </div>
    
   
    <!-- 链接 -->
    <Insidelink></Insidelink>

    <!-- 底部 -->
    <HomeHooter></HomeHooter>
  </div>
</template>

<script>
import $ from "jquery";
import "@/assets/css/home.css";
import "@/assets/css/serve.css";
import InsideHeader from "@/components/head";
import HomeHooter from "@/components/footer";
import crumb from "@/components/crumb";
import Insidelink from "@/components/link";
import Vue from 'vue';
import SlideVerify from 'vue-monoplasty-slide-verify';
Vue.use(SlideVerify);

export default {
  name: "serveWarrantW",
  data() {
    return {
        bannerType:'serveAttestationW',
    };
  },
  components: {
    InsideHeader,
    HomeHooter,
    crumb,
    Insidelink
  },
  methods: {
      onSuccess(){
        this.msg = 'login success'
    },
    onFail(){
        this.msg = ''
    },
    onRefresh(){
        this.msg = ''
    },
    
  }
};
</script>

<style scoped>
</style>